/*
drawCircle()
selector : селектор jQuery, который определяет элемент или массив элементов
center : центр окружности
radius : радиус окружности
angle: угол внутри окружности
x: смещение влево всех точек окружности
y: смещение по вертикали всех точек окружности

Использование:
CSS: .box { background-color:red; height:90px; width:90px;  position:absolute; margin:5px;}
JS:drawCircle('.box', 50, 200, 90, 310, 220);
*/
 function drawCircle(selector, center, radius, angle, x, y)
 {
 var total = $(selector).length;
 var alpha = Math.PI * 2 / total;
 $(selector).each(function(index)
 {
     var theta = alpha * index;
     var pointx  =  Math.floor(Math.cos( theta ) * radius);
     var pointy  = Math.floor(Math.sin( theta ) * radius );
     // Выводим координаты X и Y
     $(this).css('margin-left', pointx + x + 'px');
     $(this).css('margin-top', pointy  + y  + 'px');
 });
}
/*
drawEllipse()
selector : селектор jQuery, который определяет элемент и массив элементов
x: смещение влево всех точек эллипса 
y: смещение вниз всех точек эллипса 
a: высота эллипса 
b: ширина эллипса 
angle: угол внутри эллипса 

Использование:
CSS: .box { background-color:red; height:60px; width:60px;  position:absolute; margin:5px;}
JS:drawEllipse(".box", 230,300, 200, 350, 360);
*/
function drawEllipse(selector, x, y, a, b, angle)
{
     var steps = $(selector).length;
     var i = 0;
     var beta = -angle * (Math.PI / 180);
     var sinbeta = Math.sin(beta);
     var cosbeta = Math.cos(beta);
     $(selector).each(function(index)
     {
     i+= (360/steps);
     var alpha = i * (Math.PI / 180) ;
     var sinalpha = Math.sin(alpha);
     var cosalpha = Math.cos(alpha);
     var X = x + (a * cosalpha * cosbeta - b * sinalpha * sinbeta);
     var Y = y + (a * cosalpha * sinbeta + b * sinalpha * cosbeta);
     X = Math.floor(X);
     Y = Math.floor(Y);
	//Выводим координаты X и Y
	$(this).css('margin-top', X + 'px');
     $(this).css('margin-left', Y + 'px');
     });
}

$(document).ready(function(){$(".widget-picture-name").hide();});

$(document).ready(function(){
	$(".widget-picture").mouseover(function(){
		$(this).find('.widget-picture-name').show();
	});
	$(".widget-picture").mouseout(function(){
		$(this).find('.widget-picture-name').hide();
	});
});



